<template>
    <div class="main"> 
        <Headers ></Headers>
        <keep-alive>
            <router-view />
        </keep-alive>
        <InfoDialog></InfoDialog>
    </div>
</template>
<script>
import Headers from '@/components/headers'
import InfoDialog from '@/components/infoDialog'
export default {
    components: {
        Headers,
        InfoDialog
    },
    data() {
        return {
            isScrollTop:false,
        }
    },
    mounted(){
        window.addEventListener('scroll', (e) => {
            let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
            if(scrollTop > 70) this.isScrollTop = true
            else this.isScrollTop = false
        },true)
    }, 
    methods: {}
    
}
</script>
<style lang="scss" scoped>
    .main{
        height: 100%;
        width: 100vw;
        margin: 0;
        padding: 0;

    }
   
</style>
